<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8"/>
    <title></title>
    
    	<meta name="viewport" content="width=device-width, initial-scale=1"/>
	<!-- Iconos -->
	<link href="http://maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css" rel="stylesheet"/>

    <link th:href="@{~/static/css/bootstrap.css}" rel="stylesheet" />
    <link rel="stylesheet" th:href="@{~/static/css/style.css}" media="screen" type="text/css" />
</head>
<body>
<div class="left-menu" style="position: fixed;">
	<div class="logo"><!--<i class="fa fa-align-justify"></i>-->
		<div>
		<!-- 	<p><a href="#"  style="color: #FFFFFF;font-size: 30px;" th:text="${session.User.name}"></a></p>
			<p><span><a href="#" style="color: #FFFFFF;font-size: 15px;text-decoration: solid"  th:text="${session.User.position.valueName}"></a> </span></p>
		 --></div>
	</div>

		<div style="text-align:center;clear:both">
		</div>
		<!-- Contenedor -->
		<ul id="accordion" class="accordion">
		
			<li>
				<div class="link"><i class="fa fa-paint-brush"></i>通知</div>
				<ul class="submenu">
					<li><a th:href="@{/notice/mian}">查看通知</a></li>
				</ul>
			</li>
			<shiro:hasAnyRoles name="园长">				
				<li>
					<div class="link"><i class="fa fa-paint-brush"></i>幼儿管理<i class="fa fa-chevron-down" aria-hidden="true"></i></div>
					<ul class="submenu">
						<li><a href="#">分班</a></li>
						<li><a href="#">幼儿信息</a></li>
					</ul>
				</li>
				<li>
					<div class="link"><i class="fa fa-code"></i>员工管理<i class="fa fa-chevron-down" aria-hidden="true"></i></div>
					<ul class="submenu">
						<li><a href="/staff/list">员工信息</a></li>
					</ul>
				</li>
				<li>
					<div class="link"><i class="fa fa-code"></i>出勤情况<i class="fa fa-chevron-down" aria-hidden="true"></i></div>
					<ul class="submenu">
						<li><a href="#">今日出勤</a></li>
						<li><a href="#">出勤管理</a></li>
						<li><a href="#">请假申请</a></li>					
					</ul>
				</li>
				<li>
					<div class="link"><i class="fa fa-code"></i>班级管理<i class="fa fa-chevron-down" aria-hidden="true"></i></div>
					<ul class="submenu">
						<li><a href="/class/list">班级列表</a></li>
					</ul>
				</li>
			</shiro:hasAnyRoles>
			
			<shiro:hasAnyRoles name="副园长">
				<li>
					<div class="link"><i class="fa fa-mobile"></i>财务管理<i class="fa fa-chevron-down" aria-hidden="true"></i></div>
					<ul class="submenu">
						<li><a href="#">收费设置</a></li>
						<li><a href="#">收支账单</a></li>
		
					</ul>
				</li>
				<li><div class="link"><i class="fa fa-globe"></i>后勤管理<i class="fa fa-chevron-down" aria-hidden="true"></i></div>
					<ul class="submenu">
						<li><a href="#">库存管理</a></li>
						<li><a href="#">食谱安排</a></li>
						
					</ul>
				</li>
			</shiro:hasAnyRoles>
			
			<shiro:hasAnyRoles name="校医">
				<li><div class="link"><i class="fa fa-globe"></i>体检<i class="fa fa-chevron-down" aria-hidden="true"></i></div>
					<ul class="submenu">
						<li><a href="#">体检记录</a></li>
						<li><a href="#">幼儿体检</a></li>
					</ul>
				</li>
				<li><div class="link"><i class="fa fa-globe"></i>病历<i class="fa fa-chevron-down" aria-hidden="true"></i></div>
					<ul class="submenu">
						<li><a href="#">病历记录</a></li>
						<li><a href="#">幼儿病历</a></li>
					</ul>
				</li>
				<li><div class="link"><i class="fa fa-globe"></i>药物<i class="fa fa-chevron-down" aria-hidden="true"></i></div>
					<ul class="submenu">
						<li><a href="#">查看库存</a></li>
					</ul>
				</li>
			</shiro:hasAnyRoles>
		
			<li><div class="link" id="logout"><i class="glyphicon glyphicon-off"></i>注销</div></li>
		</ul>
</div>

	<script type="text/javascript" th:src="@{~/static/js/jquery-1.12.4.js}" ></script>
	<script type="text/javascript" th:src="@{~/static/js/bootstrap.js}" ></script>
	<script type="text/javascript" th:src="@{~/static/js/index.js}" ></script>
	<script type="text/javascript">
		$("#logout").click(function(){
			location.href='/staff/logout';
		});
		
		  $(document).ready(function(){
	            //页面加载的时候，内容框默认显示 a.html
	            $('#main').load('./a.html');
	            //单击 a 链接，加载 a.html
	            $(".submenu li").click(function(){
	                var href=$(this).children("a").attr("href");
	                $('#main').load(href);
	            });
	        })
	</script>
</body>
</html>